* {
  margin: 0;
  padding: 0;
}

body {
  width: 1520px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  background-color: rgb(245 153 162);
}

a {
  text-decoration: none;
  color: #000;
}

.Header {
  position: relative;
  background: rgb(255, 255, 255);
}

.FirstFloor {
  position: relative;
  background: rgb(45, 45, 45);
  height: 165px;
}

.FirstFloorText {
  z-index: 1;
  position: relative;
  left: 650px;
  width: 300px;
}

.FirstFloor .LogoDiv {
}

.FirstFloor .Logo {
  position: relative;
  display: inline-block;

  width: 165px;
  height: 160px;
  left: 100px;
  border-radius: 100px;
  text-align: center;

  background-image: url(../images/LOGO.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 130% 120%;
}

.FirstFloor .Logo img {
}

.FirstFloor .Search {
  position: relative;
  display: inline-block;
  bottom: 90px;
  left: 580px;
  width: 230px;
}

.FirstFloor .SearchTextField {
  position: absolute;
  width: 228px;
  height: 29px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(255 255 255);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.FirstFloor .SearchButton {
  color: rgb(255, 255, 255);
  position: absolute;
  left: 175px;
  margin: -1px;
  padding: -1px;
  background: rgb(0, 0, 0);
  border-radius: 5px;
  border: 3px solid rgb(0, 0, 0);
  border-left: 0px;
  top: 2.1px;
  width: 55px;
  height: 29px;
}

.FirstFloor .Search .DropDownBox {
  position: relative;
  left: 240px;
  height: 30px;
  background-color: rgb(0, 0, 0);
  color: aliceblue;
  font-size: 15px;
  border-radius: 5px;
}

.FirstFloor .SearchButton:hover {
  background-color: rgb(117, 117, 117);
}

.Search .SearchAutoCompleteDiv {
  position: relative;
  float: left;
  display: none;
}
.Search .SearchAutoCompleteDiv ul {
  position: relative;

  width: 230px;
  background-color: rgb(245 153 162);
  z-index: 1000;
  right: 1px;
  border: 1px solid #000000;
}
li {
  position: relative;
  color: rgb(255 255 255);

  width: 230px;
  height: 30px;
  list-style: none;
}
li:hover {
  background-color: rgb(0 0 0);
}

.SecondFloor {
  position: relative;
  background: #f599a2;
  height: 40px;
}

.SecondFloor div {
  display: inline-block;
}

.SecondFloor .afterSignIn {
  position: relative;
  display: inline-block;
  width: 371px;
  height: 28px;
  text-align: center;
  padding: 7px 0 5px 0;
  color: rgb(255, 255, 255);
}

.SecondFloor .beforeSignIn {
  position: relative;
  display: inline-block;
  width: 503px;
  height: 28px;
  text-align: center;
  padding: 7px 0 5px 0;
  color: rgb(255, 255, 255);
}

.SecondFloor a:hover {
  background-color: rgb(45 45 45);
}

.ThirdFloor {
  background-color: rgb(255 255 255);
  height: 50px;
}

.ThirdFloor a {
  position: relative;
  display: inline-block;
  color: rgb(255, 255, 255);
  background-color: rgb(45 45 45 / 1);
  border-radius: 100px;
  top: 5px;
  text-align: center;
}
.ThirdFloor a:hover {
  background-color: rgb(245 153 162);
}

.ThirdFloor div {
  display: inline-block;
}

.ThirdFloor .FishLink a {
  display: inline-block;
  left: 10px;
  width: 260px;
  height: 30px;
  padding: 10px 0 0 0;
}
.ThirdFloor .DogLink a {
  position: relative;
  display: inline-block;
  left: 45px;
  width: 260px;
  height: 30px;
  padding: 10px 0 0 0;
}
.ThirdFloor .ReptileLink a {
  position: relative;
  display: inline-block;
  left: 90px;
  width: 260px;
  height: 30px;
  padding: 10px 0 0 0;
}
.ThirdFloor .CatLink a {
  position: relative;
  display: inline-block;
  left: 125px;
  width: 260px;
  height: 30px;
  padding: 10px 0 0 0;
}
.ThirdFloor .BirdLink a {
  position: relative;
  display: inline-block;
  left: 160px;
  width: 260px;
  height: 30px;
  padding: 10px 0 0 0;
}

.MainForm {
  margin: 10px 0 0 0;
  width: 1500px;
  height: auto;
}

.MainForm a {
  border: 5px solid #ffffff;
}
.FirstFloorText .ReptileText {
  display: inline-block;
  position: relative;
  z-index: 3;
  width: 200px;
  height: 200px;
  border-radius: 100px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 110%;
  background-image: url(../images/MainReptile.gif);
}

.FirstFloorText .Reptiles {
  position: relative;
  display: inline-block;
  z-index: 2;
  font-size: 25px;
  bottom: 85px;
  color: aliceblue;
}

.FirstFloorText:hover .Reptiles {
  transform: translate(150px, 0);
  transition: all 0.6s ease-in;
}

.FirstFloorText {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: -600px;
}

.FirstFloorText .FishText {
  display: inline-block;
  position: relative;
  z-index: 2;
  width: 200px;
  height: 200px;
  border-radius: 100px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 110% 110%;
  background-image: url(../images/MainFish.gif);
}

.FirstFloorText .Welcome {
  position: relative;
  display: inline-block;
  left: 400px;
  bottom: 40px;
}
.FirstFloorText .Welcome .WelcomeContentHere {
  color: #ffffff;
}

.FirstFloorText .Welcome .WelcomeContentLove {
  color: #ffffff;
}

.FirstFloorText .BirdText {
  position: relative;
  display: inline-block;

  width: 200px;
  height: 200px;
  border-radius: 100px;
  text-align: center;

  background-image: url(../images/MainBird.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 110% 110%;
}

.FirstFloorText .DogText {
  position: relative;
  display: inline-block;

  width: 200px;
  height: 200px;
  border-radius: 100px;
  text-align: center;

  background-image: url(../images/MainDog.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 110% 110%;
}

.FirstFloorText .CatText {
  position: relative;
  display: inline-block;

  width: 200px;
  height: 200px;
  border-radius: 100px;
  text-align: center;

  background-image: url(../images/MainCat.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 125% 105%;
}

.Back {
}

.Back .BackLink {
  position: absolute;
  display: inline-block;
  right: 100px;
  margin: 20px 20px 20px 20px;
  font-size: 20px;
  font-style: italic;
  border-top: 1px solid rgb(255 255 255);
  border-bottom: 1px solid rgb(255 255 255);
  border-left: 1px solid rgb(255 255 255);
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  padding: 5px 0 5px 0;
  color: rgb(255 255 255);
}

.Back .BackLink:hover {
  background-color: rgb(207 207 207 / 1);
}

h2 {
  color: rgb(45 45 45 / 1);
  margin-left: 30px;
  text-align: left;
}

.CategoryMain {
}

.Category {
  position: relative;
  background-color: #ffffff;
  height: 200px;
  width: 850px;
  border: 2px solid rgb(0 0 0);
  border-radius: 20px;
  margin: 20px;
  text-align: center;
}

.Category:hover {
  background-color: rgb(207 207 207 / 1);
}

.Category .CategoryImg {
  position: relative;
  display: inline-block;
}

.Category .CategoryImgLink {
  position: relative;
  display: inline-block;
  width: 250px;
  height: 180px;

  top: 5px;
  border-radius: 20px;
  border: 4px solid #000000;
}

.Category .CategoryName {
  position: relative;
  display: inline-block;
}

.Category .CategoryName .CategoryNameLink {
  position: relative;
  display: inline-block;
  left: 40px;
  padding: 86px 50px 88px 50px;
  bottom: 60px;
  font-size: 25px;
  color: #000000;
  font-style: italic;
  height: 29px;
  width: 130px;
  text-align: center;
}

.Category .CategoryDescription {
  position: relative;
  display: inline-block;
}

.Category .CategoryDescription .CategoryDescriptionLink {
  position: relative;
  display: inline-block;
  left: 35px;
  padding: 85px 50px 87px 50px;
  bottom: 63px;
  font-size: 20px;
  width: 220px;
  text-align: left;
  color: rgb(97 97 97 / 1);
}

.ProductMain {
}

.Product {
  position: relative;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  height: 400px;
  width: 300px;
  border: 3px solid #000;
  border-radius: 30px;
  background-color: #ffffff;
}

.Product:hover {
  background-color: rgb(207 207 207 / 1);
}

.Product .ProductImg {
}

.Product .ProductImg .ProductImgLink {
  position: relative;
  display: inline-block;
  width: 250px;
  height: 180px;
  border-radius: 30px;
  border: 5px solid #2d2d2d;
  margin: 10px 0 10px 20px;
}

.Product .ProductDescription {
  text-align: center;
  border-top: 1px solid #000;
  padding: 10px 10px 10px 10px;
}
.Product .ProductDescription .ProductDescriptionLink {
  position: relative;
  display: inline-block;
  height: 50px;
}

.Product .ProductPrice {
  text-align: center;
}

.Product .ProductPrice .ProductPriceLink {
  color: red;
  position: relative;
  display: inline-block;
  border-top: 1px solid #000;

  padding: 10px 10px 10px 10px;
  margin: 5px 0 0 0;
  height: 30px;
  width: 280px;
}

.Product .Button {
  border-top: 1px solid #000;
}

.Product .Button .ButtonLink {
  position: relative;
  display: inline-block;
  border: 1px solid #000;
  text-align: center;
  padding: 10px 10px 10px 10px;
  margin: 10px 0 0px 30px;
  height: 20px;
  width: 220px;
  border-radius: 20px;
  background-color: rgba(230, 68, 68, 0.9);
}

.Item .Button {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 50px;
  font-size: 20px;
  text-align: center;
  color: rgb(0 0 0);
  background-color: rgb(230, 68, 68, 0.9);
  border-radius: 100px;
}

.Item a {
  padding: 20px 0 0 0;
}

.Item a:hover {
  background: #e74c4d8a;
}

.Cart .ButtonDiv .Button {
  position: relative;
  display: inline-block;
  left: 10px;
  width: 262px;
  height: 50px;
  font-size: 20px;
  text-align: center;
  color: rgb(0 0 0);
  background-color: rgb(230, 68, 68, 0.9);
  border-radius: 50px;
}

.Cart .ButtonDiv a {
  padding: 20px 0 0 0;
}

.Cart .ButtonDiv a:hover {
  background: #e74c4d8a;
}

.PoweredBy a {
  color: rgb(255, 255, 255);
}

.ProductFooter {
  position: relative;
  height: 100px;
  background-color: rgb(45, 45, 45);
  float: left;
  clear: left;
  width: 1520px;
  margin: 10px 0 0 0;
}

.Footer {
  position: relative;
  margin: 20px;
  height: 100px;
  background-color: rgb(45, 45, 45);
  margin: 10px 0 0 0;
}

/*商品栏自动提示悬浮框*/
.FirstFloorText .ReptileText .ReptileText-div {
  position: absolute;
  background-color: #2d2d2d;
  left: 210px;
  border-radius: 10px;
}

.FirstFloorText .ReptileText .ReptileText-div .ReptileText-ul .ReptileText-li {
  text-align: left;
  padding-left: 10px;
  background-image: none;
}

.FirstFloorText .FishText .FishText-div {
  position: absolute;
  background-color: #2d2d2d;
  left: 210px;
  border-radius: 10px;
}

.FirstFloorText .FishText .FishText-div .FishText-ul .FishText-li {
  text-align: left;
  padding-left: 10px;
}

.FirstFloorText .BirdText .BirdText-div {
  position: absolute;
  background-color: #2d2d2d;
  left: 210px;
  border-radius: 10px;
}

.FirstFloorText .BirdText .BirdText-div .BirdText-ul .BirdText-li {
  text-align: left;
  padding-left: 10px;
}

.FirstFloorText .DogText .DogText-div {
  position: absolute;
  background-color: #2d2d2d;
  right: 210px;
  border-radius: 10px;
}

.FirstFloorText .DogText .DogText-div .DogText-ul .DogText-li {
  text-align: left;
  padding-left: 10px;
  width: 330px;
}

.FirstFloorText .CatText .CatText-div {
  position: absolute;
  background-color: #2d2d2d;
  left: 210px;
  border-radius: 10px;
}

.FirstFloorText .CatText .CatText-div .CatText-ul .CatText-li {
  text-align: left;
  padding-left: 10px;
}
